<template>
  <div ip='app'>
      <zhuCe >
       <template v-slot:title>
         <span>用户名:</span>
          <input type="text">
       </template> 
    </zhuCe>

       <zhuCe>
        <template v-slot:pass>
      <p>密码:</p>
      <input type="text">
        </template>
       </zhuCe>


       <zhuCe>
        <template v-slot:sex>
      <p>性别：</p>
      <input type="radio" name="sex">男
      <input type="radio" name="sex">女
        </template>
       </zhuCe>
        
    
       
       <zhuCe>
        <template v-slot:aiHao>
         <p>爱好:</p>
         <input type='checkbox' value="抽烟" />抽烟
        <input type='checkbox' value="喝酒" />喝酒
        <input type='checkbox' value="烫头" />烫头
        </template>
       </zhuCe>
      
     <zhuCe>
        <template v-slot:laiZi>
          <p>来自于：</p>
           <select>
            <option value="北京">北京</option>
            <option value="天津">天津</option>
            <option value="南京">南京</option>
         </select>
        </template>
       </zhuCe>
     
     
    

  </div>
</template>

<script>
import zhuCe from './components/zhuCe.vue'
export default {
   components:{
    zhuCe
   }
}
</script>

<style>

</style>
